html {
  background-color: #EFEFF4;
}
.head {
  height: 1.1733rem;
  background-color: #5485A2;
  position: relative;
}
.head embed {
  position: absolute;
  width: 0.58rem;
  left: 0.2667rem;
}
.head p {
  font-size: 0.49rem;
  font-weight: 500;
  color: #FFFFFF;
}
.two {
  background-color: #fff;
  border-top: solid 0.0133rem #E5E5E5;
  border-bottom: solid 0.0133rem #E5E5E5;
  color: #444444;
}
.two .two-you {
  border-right: solid 0.0133rem #E5E5E5;
}
.two .two-ul {
  font-size: 0.4rem;
  height: 1.17rem;
  line-height: 1.17rem;
}
.two .two-ul li {
  width: 33.3333333%;
  text-align: center;
}
.two embed {
  width: 0.3333rem;
}
.six {
  width: 10rem;
  height: 1.17rem;
  background: #FFFFFF;
  border-bottom: solid 0.0133rem #E5E5E5;
}
.six .six-ul {
  color: #888888;
  font-size: 0.27rem;
  height: 1.17rem;
}
.six .six-ul li {
  background: #EAF2F7;
  padding: 0.1333rem;
}
.seven {
  background: #FFFFFF;
  padding: 0.44rem 0.4rem;
  border-bottom: solid 0.0133rem #E5E5E5;
}
.seven .seven-1 {
  margin-bottom: 0.28rem;
}
.seven .seven-1 p:first-child {
  font-size: 0.35rem;
  color: #444444;
}
.seven .seven-1 p:last-child {
  font-size: 0.32rem;
  font-weight: 500;
  color: #AAAAAA;
}
.seven .seven-2 {
  margin-bottom: 0.63rem;
  font-size: 0.32rem;
  color: #888888;
  line-height: 0.43rem;
}
.seven .seven-3 {
  margin-bottom: 0.4rem;
}
.seven .seven-3 img {
  width: 2.93rem;
  height: 2.93rem;
}
.seven .seven-4 {
  font-size: 0.27rem;
  font-weight: 500;
  color: #BBBBBB;
}
.dibu {
  width: 100%;
  height: 1.31rem;
  position: fixed;
  background-color: #fff;
  bottom: -0.0133rem;
  left: -0.0133rem;
  border-top: solid 1px #DDDDDD;
}
.dibu .dibu-1 {
  width: 33%;
  height: 1.31rem;
  background: #161F24;
}
.dibu .dibu-1 ul .dibu-li {
  margin-right: 0.88rem;
}
.dibu .dibu-1 ul li {
  text-align: center;
  font-size: 0.27rem;
  color: #FFFFFF;
  opacity: 0.5;
}
.dibu .dibu-2 {
  width: 67%;
  height: 1.31rem;
  font-size: 0.4rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.31rem;
}
.dibu .dibu-2 .dibu-2-ul-1 {
  width: 50%;
  height: 1.31rem;
  background: #365C72;
}
.dibu .dibu-2 .dibu-2-ul-2 {
  width: 50%;
  height: 1.31rem;
  background: #5293BA;
}
.shopping {
  position: fixed;
  bottom: 2rem;
  left: 8.4533rem;
}
.shopping span {
  position: absolute;
  left: 0.8233rem;
  width: 0.45rem;
  height: 0.45rem;
  background: #F53F50;
  border-radius: 50%;
  text-align: center;
  line-height: 0.45rem;
  font-size: 0.27rem;
  color: #FFFFFF;
}
.shopping img {
  width: 1.17rem;
  height: 1.17rem;
  box-shadow: 0rem 0rem 0rem 0rem rgba(87, 138, 169, 0.2);
  border-radius: 50%;
}
